<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"></meta>
	<meta http-equiv="Pragma" content="no-cache"></meta>
	<title>Classes</title>
</head>
<body>
	<h1 id="h1">Classes</h1>
	<script type="text/javascript" src="./js/ub.js"></script>
	<script type="text/javascript" src="./js/jquery-1.8.2.js"></script>
	<script type="text/javascript" src="./js/ub-utils.js"></script>
	<script type="text/javascript" src="./js/ub-figure.js"></script>
	<script type="text/javascript">
		(function(UB) {
			var f = function() {
				console.log(this);
			};
			f();
			
			var h1 = document.getElementById("h1");
			h1.onclick = function(e) {
				console.log("Click event: ", e);
				console.log("Click this: ", this);
			};
			
			var random = UB.Utils.getRandomNumber();
			UB.Utils.logger.call(UB.Utils, random);
			UB.Utils.loggerExtended(random, 111111111, random, 3333333333333, random);

			var figure = new UB.Figure(4, "green");
			
			var callback = new UB.Utils.Callback(
				function(status, ok) {
					console.log("Callback: ", ok);
					this.render();
				},
				figure
			);
				
			figure.paint(callback);
		}(window.UB));
	</script>
</body>
</html>
